<!--
 * @功能描述: 基础标记标签demo
 * @author: lzn
 * @date: 2022-09-22 14:54:02
 * @version: 1.0
-->
<script setup>

</script>

<template>
  <span class="yw-base-badge-tag yw-base-badge-layout">
    <span class="yw-base-tag">
      tag1
    </span>
    <sup class="yw-base-badge">3</sup>
  </span>
  <span class="yw-base-badge-tag yw-base-badge-layout">
    <span class="yw-base-tag">
      tag2
    </span>
    <sup class="yw-base-badge">34</sup>
  </span>
  <span class="yw-base-badge-tag yw-base-badge-layout">
    <span class="yw-base-tag">
      tag3
    </span>
    <svg class="yw-base-icon yw-base-badge-icon" aria-hidden="true">
      <use xlink:href="#g-circleReserve"></use>
    </svg>
  </span>
</template>

<style scoped>
  .yw-base-badge-layout {
    margin-right: 20px;
  }
</style>